<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="学学习习">
    <meta content="名称">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360用极速模式打开-->
    <meta name=renderer">
    <!--坑爹的IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="./css/shoto.css"/>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script type="text/javascript" src="./js/bt_kg.js"></script>
    <link href="//cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
    <title>SHOTO</title>
</head>

<div id="one">
    <div class="container">
        <div class="row">
            <div class="span3 lo_go">          <!--logo-->
                <div class="logo"><img src="./img/b-2.png" alt="/"/></div>
            </div>

            <div class="span12 top_1" >

                <div class="span8 top_y ">

                        <h1 class="t_1">Never miss a photo again!</h1>


                        <h4 class="h_4">Shoto is the easiest way to get the photos your </br>
                            friends have on their phone from your times together.</h4>

                    <div class="p_3">
                        <a href="#"><img src="./img/b-4.png" alt="/"/></a>
                        <a href="#"><img src="./img/b-5.png" alt="/"/></a>
                    </div>

                    <from class="biao">
                        <input type="text" class="b_1" placeholder="Get Shoto. Enter phone #"/>
                        <input type="submit"  class="b_2"/>
                    </from>
                </div>
                <div class="span4 top_z pull-right ">
                    <div class="shouji">
                        <img src="./img/b-1.png" alt="/"/>
                    </div>
                </div>
                
            </div>
        </div>

    </div>
</div>

<!--第二个-->

<div class="two">
    <div class="container">
        <div class="row">
    <div class="span4 two_y">
        <img src="./img/phone-2.png" alt="/"/>
    </div>
        <div class="span8 two_z">
            <div class="two_bb">
                <img class="two_tu" src="./img/icn-2.png" alt="/"/>
                <h2 class="two_1">Request Your Friend’s Photos</h2>
                <h3 class="two_2">Get the photos your friends took whenyou were together.<br/>
                    We use time, location, and our algorithm to tell you which<br/>
                    friends took photos when you were together.</h3>
            </div>
        </div>
        </div>
    </div>
</div>

<!--第3个-->

<div class="three">
    <div class="container">
        <div class="row">
            <div class="span8 three_z">
                <div class="three_bb">
                    <img src="./img/icn-1.png" alt="/"/>
                    <h2 class="three_1">All Your Photos Organized</h2>
                    <h3 class="three_2">Shoto automatically organizes your photos into albums and
                        trips on your timeline.
                        </h3>
                </div>
            </div>

                <div class="span4 three_y">
                    <div class="s_j">
                     <img class="three_tu" src="./img/phone-1.png" alt="/"/>
                    </div>
                </div>
        </div>
    </div>
</div>



<!--第4个-->

<div class="four">
    <div class="container">
        <div class="row">
            <div class="span4 four_y">
                <div class="s_l">
                <img src="./img/phone-4.png" alt="/"/>
                </div>
            </div>
            <div class="span8 four_z">
                <div class="four_bb">
                    <img class="four_tu" src="./img/icn-4.png" alt="/"/>
                    <h2 class="four_1">See All Your Trips</h2>
                    <h3 class="four_2">See all the photos from your last trip in
                                one album and share as many photos as you want in two taps.
                    </h3>
                </div>
            </div>
        </div>
    </div>
</div>



<!--第5个-->

<div class="five">
    <div class="container">
        <div class="row">
            <div class="span8 five_z">
                <div class="five_bb">
                    <img src="./img/icn-5.png" alt="/"/>
                    <h2 class="five_1">Privacy is First</h2>
                    <h3 class="five_2">You are in complete control of what photos are shared.
                                     We never upload your photos or share without your permission.
                    </h3>
                </div>
            </div>

            <div class="span4 five_y">
                <div class="s_jj">
                    <img class="five_tu" src="./img/phone-5.png" alt="/"/>
                </div>
            </div>
        </div>
    </div>
</div>



<!--第6个-->

<div class="four">
    <div class="container">
        <div class="row">
            <div class="span4 four_y">
                <div class="s_l">
                    <img src="./img/phone-3.png" alt="/"/>
                </div>
            </div>
            <div class="span8 four_z">
                <div class="four_bb">
                    <img class="four_tu" src="./img/icn-3.png" alt="/"/>
                    <h2 class="four_1">Create an Event</h2>
                    <h3 class="four_2">Shoto pools the photos from your next big event.
                                       Guests submit photos via Shoto and we bring them together in one
                                         place along with Twitter and Instagram photos.
                    </h3>
                    <!--<div class="botton"></div>-->
                   <div class="bott"><a class="botton" href="#">Host my Event on Shoto</a></div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="seven">
    <div class="container">
        <div class="row">
        <div span12 class="tutu">
            <a class="span2"href="#"><img src="./img/sd1.png" alt="/"/></a>
            <a class="span2"href="#"><img src="./img/sd2.png" alt="/"/></a>
            <a class="span2"href="#"><img src="./img/sd3.png" alt="/"/></a>
            <a class="span2"href="#"><img src="./img/sd4.png" alt="/"/></a>
            <a class="span2"href="#"><img src="./img/sd5.png" alt="/"/></a>
            <a class="span2"href="#"><img src="./img/sd6.png" alt="/"/></a>
        </div>
        </div>
    </div>
</div>
<div class="xxx">
    <div class="container">
        <div class="row">
                <div class="span4 class=s_a">
                    <h2 class="s_aa">Shoto</h2>
                    <p class="s_ac">Never miss a photo again!</p>
                </div>
                <div class="span8">
                    <div class="s_8">
                        <a href="#"><img class="s_c" src="./img/icon-ios.png" alt="/"/></a>
                        <a href="#"><img class="s_cc" src="./img/icon-google.png" alt="/"/></a>
                    </div>
                </div>
        </div>

        <div class="footer">
              <div class="row">

                <div class="span2">
                    <p class="sho">Shoto, Inc</p>
                </div>
                <div class="span8 footer_2">
                    <a href="#">Contact</a>
                    <a href="#">Investors</a>
                    <a href="#">Privacy</a>
                    <a href="#">Terms</a>
                </div>
                <div class="span2 footer_3">
                    <a href="./img/facebook-icn.png"></a>
                    <a href="./img/icon-google.png"></a>
                    <a href="./img/twitter-icn.png"></a>
                </div>
              </div>
         </div>
    </div>
</div>

 </body>
</html>